<template>
  <div class="about">
      <div v-show="show">hello world</div>
    <button @click="show = !show">切换</button>
    <Fade>
      <p v-if="show">hello</p>
    </Fade>
  </div>
</template>

<script>
import Fade from '../components/Fade'
export default {
  name: 'home',
  data(){
    return {
      show:true
    }
  },
  components:{
    Fade
  }
}
</script>